<template>
  <view class="flex-col page">
    <view class="flex-col mt-25">
      <view class="flex-col list">
        <view
          class="flex-row justify-between items-center boxs"
          v-for="(item, index) in items"
          :key="index"
        >
          <text class="font">{{ item.name }}</text>
          <image
            class="image_2"
            src="../../static/wx/564a3b944af32f4baa87d761b5df9b72.png"
          />
        </view>
      </view> </view
  ></view>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      items: [
        {
          name: "绑定手机",
          url: "",
        },
        {
          name: "收货地址",
          url: "",
        },
        {
          name: "交易密码",
          url: "",
        },
        {
          name: "我的收藏",
          url: "",
        },
        {
          name: "修改资料",
          url: "",
        },
      ],
    };
  },

  methods: {},
};
</script>

<style scoped lang="css">
.mt-25 {
  margin-top: 50rpx;
}
.page {
  padding: 0 56rpx 648rpx;
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.group {
  padding-bottom: 8rpx;
}
.image {
  width: 48rpx;
  height: 44rpx;
}
.pos {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.text {
  color: #2d3142;
  font-size: 40rpx;
  font-family: Laila;
  font-weight: 700;
  line-height: 37.12rpx;
}
.list {
  padding: 4rpx 0 8rpx;
}
.boxs {
  padding: 44rpx 0;
  border-bottom: 2rpx solid #e6e9f1;
}
.font {
  font-size: 36rpx;
  font-family: Mukta;
  line-height: 33.98rpx;
  font-weight: 700;
  color: #2d3142;
}
.image_2 {
  width: 16rpx;
  height: 28rpx;
}
.foot_boxs {
  padding-top: 44rpx;
}
.text_4 {
  margin-right: 12rpx;
  color: #9c9db9;
  font-size: 32rpx;
  font-family: Mukta;
  line-height: 20.74rpx;
}
.divider {
  background-color: #e6e9f1;
  height: 2rpx;
}
</style>
